<template>
	<view>
		<view @click="with_to">
			<image class="photo" src="" mode=""></image>
			<text class="title">支付宝</text>
			<text class="infor">156****2738（*友田）</text>
			<uni-icons type="arrowright" style="margin-top: 101rpx;display: inline-block;"></uni-icons>
		</view>
		<view class="bg"></view>
		<view class="wamo">提现金额</view>
		<view class="inpall">
			<input class="moneys" type="text" value="" placeholder="21457"/>
			<text class="all">全部提现</text>
		</view>
		<view class="mars">提现手续费：x%</view>
		<button class="btn" type="default" @click="sure">确认提现</button>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		methods:{
			with_to(){
				uni.navigateTo({
					url: 'withdrawal_to'
				})
			},
			sure(){
				uni.navigateTo({
					url: 'withdrawal_application'
				})
			}
		}
	}
</script>

<style>
	.photo{
		width: 101rpx;
		height: 101rpx;
		background: #EEEEEE;
		border-radius: 50%;
		opacity: 1;
		float: left;
		margin-top: 34rpx;
		margin-left: 25rpx;
		margin-right: 21rpx;
	}
	.title{
		width: 543rpx;
		float: left;
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #21201D;
		opacity: 1;
		margin-top: 38rpx;
		margin-bottom: 21rpx;
	}
	.infor{
		width: 543rpx;
		float: left;
		font-size: 21rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #21201D;
		opacity: 1;
		
	}
	.bg{
		width: 100%;
		height: 25rpx;
		margin-top: 34rpx;
		background: #F5F5F5;
	}
	.wamo{
		margin-left: 25rpx;
		margin-top: 21rpx;
		font-size: 25rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #21201D;
		opacity: 1;
	}
	.inpall{
		width: 699rpx;
		height: 123rpx;
		border-bottom: 2rpx solid #F5F5F5;
		margin: auto;
	}
	.moneys{
		width: 579rpx;
		display: inline-block;
		float: left;
		font-size: 43rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #21201D;
		opacity: 0.3;
		margin-top: 43rpx;
	}
	.all{
		font-size: 25rpx;
		float: right;
		font-family: PingFang SC;
		font-weight: 400;
		line-height: 20px;
		color: #FCA022;
		opacity: 1;
		margin-top: 67rpx;
	}
	.mars{
		margin-left: 25rpx;
		font-size: 25rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #21201D;
		opacity: 0.35;
		margin-top: 25rpx;
	}
	.btn{
		width: 699rpx;
		height: 79rpx;
		background: linear-gradient(206deg, #FCCA22 0%, #FFE246 100%);
		opacity: 1;
		border-radius: 39rpx;
		font-size: 25rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #21201D;
		text-align: center;
		line-height: 79rpx;
		position: fixed;
		bottom: 14rpx;
		left: 25rpx;
	}
</style>
